<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>他们为您服务</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <script type="text/javascript" src="$!webPath/resources/style/theysay/js/Adaptation.js"></script>
    <link rel="stylesheet" type="text/css" href="$!webPath/resources/style/theysay/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="$!webPath/resources/style/theysay/css/style_serve.css?v=1"/>
    <script type="text/javascript" src="$!webPath/resources/style/theysay/js/jquery.min.js"></script>
    <script src="$!webPath/resources/assets/js/utils.js"></script>
    <script type="text/javascript">
        function toPhone(userphone){
            if(userphone){
              var isIos = Utils.isiOs();
              if(isIos){
                Utils.sendMsgToApp('/usephone?phonenum=='+userphone);
              }else{
                Utils.sendMsgToApp('/usephone?phonenum='+userphone);
              }
            }  
        }

    </script>
</head>
<body>
    <div>
        <ul class="list-serve">
            #if("1"=="$!isRemark")
            #foreach($chosenInfo in $infolist)
            <li>
                <a class="it-sitem ft28">
                    <div class="clearfix">
                        <div class="it-img">
                        #if($!chosenInfo.chosenUser.avart)
                        <img src="$!chosenInfo.chosenUser.avart" />
                        #else
                        <img src="$!webPath/resources/style/app/goodsEvaluation/image/logo.png" />
                        #end
                            
                        </div>
                        <div class="it-info">
                            <h3>$!chosenInfo.chosenUser.rolename - $!chosenInfo.chosenUser.username</h3>
                            <p class="clearfix ft20">
                            #foreach($summary in $!chosenInfo.chosenUserRemark)
                            <span>$!summary</span>
                            #end
                            </p>
                        </div>
                    </div>
                    <div class="it-con lt44">
                        $!chosenInfo.chosenInfo.redetail
                    </div>
                </a>
                <div class="s__status ft24"></div>
                #if("1"=="$!chosenInfo.userHavePhone")
                <a class="s__phone" onclick="toPhone('$!chosenInfo.userPhone')" id="reGoodsUserPhone" it_name="$!chosenInfo.chosenUser.rolename - $!chosenInfo.chosenUser.username" it_tel="$!chosenInfo.userPhone"></a>
                #end
                
            </li>
            #end
            #end
        </ul>
    </div>

    <div id="overlay_tel_bx">
      <div class="overlay__bg"></div>
      <div class="overlay_tel_bd">
          <div class="it-title"><span class="it_name">热线</span>
              <div class="it-close"><img src="$!webPath/resources/style/theysay/images/phole_03.png" /></div>
          </div>
          <div class="it-img"><img src="$!webPath/resources/style/theysay/images/phole_07.png" /></div>
          <div class="it-teln">
              <p><img src="$!webPath/resources/style/theysay/images/phole_11.png" /><span class="it_tel">18637363373</span></p>
          </div>
          <div class="btn-teln"><a class="it_atel" href="tel:18637363373">呼叫</a></div>
      </div>
    </div>

    <script>
        $(window).load(function() {
          $('.list-serve li').each(function() {
              var _h = $(this).height();
              var _ft = $('html').css('font-size');
              if(434  < _h) {
                  $(this).addClass('s__maxh').addClass('s__shrink');
              }else {
                  $(this).find('.s__status').remove();
              }

              if($('.list-serve li').length == 1) {
                $(this).addClass('s__open').removeClass('s__shrink').removeClass('s__maxh');
              }
          })
        });
        $('.list-serve').on('click', 'li .s__status', function(e) {
            var _li = $(this).parents('li').eq(0);
            if(_li.hasClass('s__shrink')) {
                _li.addClass('s__open').removeClass('s__shrink').removeClass('s__maxh');
            }else if(_li.hasClass('s__open')) {
                _li.addClass('s__maxh').addClass('s__shrink').removeClass('s__open');
            }
            return false;
        }).on('click', 'li .s__phone', function(e) {
            // var _name = $(this).attr('it_name');
            // var _tel = $(this).attr('it_tel');
            // $('#overlay_tel_bx').find('.it_name').text(_name);
            // $('#overlay_tel_bx').find('.it_tel').text(_tel);
            // $('#overlay_tel_bx').find('.it_atel').attr({'href': 'tel:'+_tel});
            // $("#overlay_tel_bx").show();
            // return false;
        });
      $("#overlay_tel_bx").on("click", '.it-close', function(e){
          $("#overlay_tel_bx").hide();
          return false;
      }).on("click", '.overlay__bg', function(e){
          $("#overlay_tel_bx").hide();
          return false;
      })
    </script>
</body>
</html>